<template>
	<view class="my-device">
		<g-navbar title="终端查询"></g-navbar>
		<view class="device-operation-list">
			<view class="operation-item" v-for="(item,index) in deviceOperationList" :key="index" @click="jump(item.path)">
				<view class="item-left">
					<view class="left-icon">
						<i class="iconfont icon" :class="item.icon"></i>
					</view>
					<view class="left-device">
						<view class="device-name">
							{{item.name}}
						</view>
						<view class="operation-desc">
							{{item.desc}}
						</view>
					</view>
				</view>
				<view class="arrow-icon">
					<i class="iconfont icon-arrow-right"></i>
				</view>
			</view>
		</view>
	</view>
</template>

<script lang="ts">
	export default {
		options: {
			styleIsolation: 'shared'
		},
	}
</script>



<script lang="ts" setup>
	const deviceOperationList = [{
			name: '终端绑定',
			desc: '绑定终端获取红包积分',
			icon: 'icon-device-bind',
			path: '/pages_device/bind_device/bindDevice',
		},
		{
			name: '终端查询',
			desc: '绑定机具设备查询',
			icon: 'icon-device-search',
			path: '/pages_device/device_list/deviceList',
		},
		{
			name: '划拨设备',
			desc: '划拨设备给下级',
			icon: 'icon-device-partition',
			path: '/pages_device/division_device/divisionDevice',
		}
	]

	const jump = (path:string):void => {
		uni.router.route(path)
	}
</script>

<style scoped lang="scss">
	@import "./myDevice.scss";
</style>
